<template>
    <el-aside :width="sideWidth + 'px'"
        style="background-color: rgb(238, 241, 246);box-shadow: 2px 0 6px rgb(0 21 41 / 35%);">
        <!-- :default-openeds="['1', '3']" -->
        <el-menu style="height: 100%; overflow-x: hidden;" background-color="RGB(72,73,77)" text-color="#fff"
            :collapse-transition="false" :collapse="isCollapse" router>
            <div style="height: 59px;line-height: 60px; text-align: center;">
                <img :src="require('@/assets/' + logoSrc + '.png')" :class="isCollapse ? 'logoCollFalse' : 'logoCollTrue'"
                    alt="">
            </div>
            <el-menu-item index="/"><i class="el-icon-house"></i><span slot="title">主页</span></el-menu-item>
            <el-submenu index="2">
                <template slot="title"><i class="el-icon-setting"></i>
                    <span slot="title">系统管理</span>
                </template>
                <el-menu-item index="/user">用户管理</el-menu-item>
            </el-submenu>
            <el-submenu index="3">
                <template slot="title">
                    <i class="el-icon-data-analysis"></i>
                    <span>题库分类</span>
                </template>
                <el-menu-item index="/topic_java">java</el-menu-item>
                <!-- <el-menu-item index="topic_java">python</el-menu-item> -->
            </el-submenu>
            <el-submenu index="6">
                <template slot="title">
                    <i class="el-icon-s-grid"></i>
                    <span>题库管理</span>
                </template>
                <el-menu-item index="topic_add">添加题目</el-menu-item>
                <el-menu-item index="/topic_type">
                    <span slot="title">题库类型</span>
                </el-menu-item>
                <el-menu-item index="topic_audit">审核列表</el-menu-item>
            </el-submenu>

            <el-submenu index="4">
                <template slot="title"><i class="el-icon-s-data"></i>
                    <span slot="title">数据管理</span>
                </template>

            </el-submenu>
            <el-submenu index="5">
                <template slot="title"><i class="el-icon-notebook-2"></i>
                    <span slot="title">答案解析</span>
                </template>

            </el-submenu>
        </el-menu>
    </el-aside>
</template>
<script>
export default {
    name: "Aside",
    props: {
        isCollapse: Boolean,
        logoSrc: '',
        sideWidth: '',

    }
}
</script>